// 报名比赛页面
import React from 'react'

import './singUpGame.css'

export default function SingUpGame() {

  const competition = [
    {
      id: '001',
      title: 'title',
      info: '巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉',
      user: '小李',
      time: '2002/5/3',
      view: '100',
      type: '学术学科',
      image: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.ru1ogDk7eqoT4BMc90k9pAHaHa?w=203&h=203&c=7&r=0&o=5&dpr=1.25&pid=1.7',
      link: 'http://www.baidu.com'
    },
    {
      id: '002',
      title: 'title2',
      info: 'competition infomation',
      user: '小王',
      time: '2002/8/3',
      view: '100',
      type: '学术学科',
      image: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.ru1ogDk7eqoT4BMc90k9pAHaHa?w=203&h=203&c=7&r=0&o=5&dpr=1.25&pid=1.7',
      link: 'http://www.baidu.com'
    },
    {
      id: '003',
      title: 'title',
      info: '巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉',
      user: '小李',
      time: '2002/5/3',
      view: '100',
      type: '学术学科',
      image: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.ru1ogDk7eqoT4BMc90k9pAHaHa?w=203&h=203&c=7&r=0&o=5&dpr=1.25&pid=1.7',
      link: 'http://www.baidu.com'
    },
    {
      id: '004',
      title: 'title',
      info: '巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉',
      user: '小李',
      time: '2002/5/3',
      view: '100',
      type: '学术学科',
      image: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.ru1ogDk7eqoT4BMc90k9pAHaHa?w=203&h=203&c=7&r=0&o=5&dpr=1.25&pid=1.7',
      link: 'http://www.baidu.com'
    },
    {
      id: '005',
      title: 'title',
      info: '巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉',
      user: '小李',
      time: '2002/5/3',
      view: '100',
      type: '学术学科',
      image: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.ru1ogDk7eqoT4BMc90k9pAHaHa?w=203&h=203&c=7&r=0&o=5&dpr=1.25&pid=1.7',
      link: 'http://www.baidu.com'
    }
  ]

  function getInfo() {
    return (
      competition.map((item) => {
        return (
          <div key={item.id} className={'info-box'}>
            <a href={item.link} target={'_blank'} rel='noopener noreferrer'><h3>{item.title}</h3></a>
            <span>
              <div>{item.info}</div>
              <img src={item.image} alt="err" />
            </span>
            <div className='foot'>
              <p className='iconfont icon-yonghu-yuan'>{item.user}</p>
              <p className='iconfont icon-riqi'>{item.time}</p>
              <p className='iconfont icon-yanjing'>{item.view}</p>
              <p>{item.type}</p>
            </div>
          </div>
        )
      })
    )
  }

  return (getInfo())
}
